<!DOCTYPE html>
<!--4.前端预测页功能约束-->
<!--1)页面结构与布局-->
<!--页面标题为“Prediction”。-->
<!--页面主体包含一个<div>元素，内部有一个图片元素、一个标题（<h1>标签）以及一个表单。-->
<!--2)图片与标题展示-->
<!--<img src="{{ user_image }}"> 用于展示一张图片，其中 {{ user_image }} 是一个占位符，在实际运行时由后端框架（如Flask、Django等）替换为实际的图片URL。-->
<!--<h1>i think that this is {{product}}</h1> 展示了一个预测结果，其中 {{ product }} 是另一个占位符，会被替换为具体的预测产品名称。-->
<!--3)用户交互与表单提交-->
<!--页面提供了一个表单，包含一个提交按钮，用于触发下一次预测。-->
<!--表单的 action 属性指向 http://127.0.0.1:6008/，意味着当用户点击提交按钮时，表单数据将被发送到本机的6008端口进行处理。-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>“Prediction”</title>
</head>
<body>
<div>
    <img src="{{ user_image }}" alt="上传图片">
    <h1>
        i think that this is {{product}}
    </h1>
    <form action="http://127.0.0.1:6008/" method="get">
        <input type="submit" value="提交">
    </form>
</div>

</body>
</html>